X-Studio

text-shadowを使って
袋文字や立体的な文字を表現


text-shadow (text-shadow:#2C2727 10px 20px 5px)

グロー (text-shadow:#7D2A17 0 0 20px)

袋文字■ (text-shadow:#f33 1px 1px 0,#f33 1px -1px 0,#f33 -1px 1px 0,#f33 -1px -1px 0)

袋文字の比較■ (text-shadow:#f33 1px 0 0,#f33 0 1px 0,#f33 -1px 0 0,#f33 0 -1px 0)

袋文字を利用した写真と文字の重ね合わせ

Cherry blossomCherry blossomCherry blossomCherry blossom

確認用の文字べベル

確認用の文字エンボス

文字からの発光

文字からの発光

文字からの発光

文字からの発光

アルファ値と文字の重ね合わせ

■柔軟な考え方が大切だ■

常識にも疑問を持ち、前提条件を「常に正しい」とは思い込まない柔軟な考え方が大切だ

!!常識にも疑問を持ち、前提条件を「常に正しい」とは思い込まない柔軟な考え方が大切だ

こんな装飾も可能です

袋文字■ (text-shadow:#f33 1px 1px 0,#f33 1px -1px 0,#f33 -1px 1px 0,#f33 -1px -1px 0)